<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>身份证提取出生日期</title>
	</head>
	<body>
		
		<form>
			身份证：<input type="text" name="sfid">
			<br> 
			出生日期：<input type="text" name="birth" disabled="disabled">
			
		</form>
		<!--1：验证身份证号，是否正确
			2：在身份证号输入完成之后，输入出生日期
		-->
		<script>
		//1：验证身份证号，是否正确
		/*失去焦点的时候验证:onblur*/
		var sfid=document.getElementsByName("sfid")[0];
		sfid.onblur=function(){
			/*this:表示的时sfid元素*/
			/*alert(this.value);*/
			var val=this.value;
			/*13089419920215007X：位数18位，前17位时0-9，最后以为0-9xX*/
			var reg=/^[0-9]{17}[0-9Xx]{1}$/;
			/*console.log(reg.test(val));*/
			if(reg.test(val)){
				/*alert("输出年月日");*/
				//输入出生日期
				var year=val.substr(6,4);//第一个参数：下标从0开始数，第二个参数：4
				/*alert(year);*/
				var month=val.substr(10,2);
				var day=val.substr(12,2);
				document.getElementsByName("birth")[0].value=year+"-"+month+"-"+day;
				
			}else{
				alert("身份证号输入有误");
			}
			
		}
		</script>
		
	</body>
</html>
